@import '~@/style/variable.less';
@import '~@/style/mixins.less';

.login-page{
	.route-page();
	.inner{
		padding: 0 10px;
		.tip{
			color: @text-color-light;
			font-size: @font-size-mini;
			margin: 30px 0;
			display: block;
		}
		.input-warpper{
			position: relative;
			margin-bottom: 15px;
			display: flex;
			padding: 5px 0;
			.area{
				position: relative;
				width: 60px;
				>div{
					position:absolute;
					top: 50%;
					left: 50%;
					transform: translateY(-50%) translateX(-50%);
					width: 100%;
				}
				i {
					font-size: 1em;
				}
			}
			.field{
				padding: 0;
			}
		}
	}
	.popup{
		height: 80%;
		overflow: hidden;
		.index-bar__item{
			display: flex;
			justify-content: space-between;
			.code {
				color: @text-color-light;
			}
		}
	}
}
